<#import "themes/${theme}/macro/frontCurrentPosition.ftl" as frontCurrentPosition />
<#import "themes/${theme}/macro/frontPage.ftl" as frontPage />
<#import "themes/${theme}/macro/frontContentType.ftl" as frontContentType />
<!DOCTYPE html>
<html>
    <head>
        <title>${getSite(siteId).name}-${curColumn.name}</title>

		<meta name="description" content="${curColumn.description}" />
		<meta name="keywords" content="${curColumn.keywords}" />
    </head>
    <body>
		<!-- 导航 -->
        <@frontCurrentPosition.content curColumn />

        <!-- 列表 -->
        <div class="portfolio-container">
	        <div class="container">
	        	<div class="row">
		        	<div class="col-sm-2">
		        		<@frontContentType.content curColumn "portfolio"/>
		        	</div>
		        	<div class="col-sm-1"></div>
	        		<div class="col-sm-9" >
			            <div class="row" >
			            	<div class="portfolio-masonry">
			            		<#list page.list as contentsDyn>
			            			<div class="portfolio-box contentType-${contentsDyn.contentType.id}">
					                	<div class="portfolio-box-container">

					                		<div class="pricing-1-box ${(contentsDyn_index%2 == 0) ?then('wow fadeInUp','pricing-1-box-best wow fadeInDown')}"
					                			 style="padding:0 0 0 0;">
						                    	<div class="pricing-1-box-inner">
								                	<div class="pricing-1-box-price">
								                		<span>¥ </span>
								                		<strong>${contentsDyn.dataMap['k_price']}</strong>
								                		<span> / ${contentsDyn.dataMap['k_unit']}</span>
								                	</div>
								                    <h3>${contentsDyn.dataMap['k_name']}</h3>
								                    <h4>${contentsDyn.mainMap['k_customer']}：${contentsDyn.dataMap['k_customer']}</h4>
								                    <div class="pricing-1-box-features">
								                    	<ul>
								                    		<li>${contentsDyn.dataMap['k_perf']}${contentsDyn.mainMap['k_perf']}</li>
								                    		<li>${contentsDyn.dataMap['k_speed']}${contentsDyn.mainMap['k_speed']}</li>
								                    		<li>${contentsDyn.dataMap['k_sitAmet']}${contentsDyn.mainMap['k_sitAmet']}</li>
								                    		<li>${contentsDyn.dataMap['k_projectSpace']}${contentsDyn.mainMap['k_projectSpace']}</li>
								                    		<li>${contentsDyn.dataMap['k_supportHours']}${contentsDyn.mainMap['k_supportHours']}</li>
								                    	</ul>
								                    </div>
								                    <div class="pricing-1-box-sign-up">
								                    	<a class="big-link-3" style="padding:5px 40px 5px 40px;" target="_blank"
								                    	   href="${contentsDyn.dataMap['k_purchLink']}"><i class="fa fa-shopping-cart"></i> 购买</a>
								                    </div>
								                </div>
						                    </div>

						                </div>
					                </div>
								</#list>
			                </div>
			            </div>
			            <!-- 分页 -->
			            <div class="row" >
							<@frontPage.content page "${ctxFrt}/${siteId}/col${preview}-${curColumn.id}${urlSuffix}" />
						</div>
	        		</div>
	        	</div>
	        </div>
        </div>

    </body>
</html>
